.top-con{overflow:hidden;width: 1020px;margin:0 auto;text-align: left;}
.top-con .logo{float: left;}
.top-con .logo span{float: left;font-size:34px;color:#c1c1c1;margin-top:10px;margin-bottom: 10px; }
.top-con .logo img{width: 100%;}
.top-con .logo .font{margin-top:25px;}
.languge{background: #373334;width: 140px;height:30px;border-radius: 30px;float: right;line-height: 30px;text-align: center;margin-top:30px;}
.languge:hover ul{display: block; }
.languge:hover .current-lang{display: none;}
.languge ul{display: none;color: #f4f4f4;float: left;width: 70px;text-decoration:underline;position: relative;top: -30px;}
.languge ul li{cursor: pointer;}
.languge .current-lan{color: #a5a5a5;float: left;width: 70px;}
.languge .current-lang{color: #f4f4f4;float: left;width: 70px;text-decoration:underline;}
/*login*/
.login{background: #1d1d1d;padding-bottom: 300px;}
.login .con{width: 980px;margin:0 auto;text-align: left;}
.login .banner{width: 100%;margin:0 auto;border-top:1px solid #b6b6b6;padding-top:3px;border-bottom:1px solid #b6b6b6;}
.login .banner img{width: 100%;}
.login .con{}
.login .breed-tab{line-height: 50px;font-size: 16px;}

.content-login1{padding-top:50px;border-top:1px solid #b6b6b6;padding-bottom:20px;border-bottom:1px solid #b6b6b6;}
.content-login1 .form{background:#373334;border-radius: 3px;border:1px solid #c2c1c1;width: 414px;height:408px;margin:0 auto;margin-bottom: 50px;color: #ebebeb;font-family:FZCQK;}
.content-login1 .con-logo { margin-left:20px;overflow:hidden;}
.content-login1 .con-logo span{float: left;font-size: 18px;}
.content-login1 .con-logo span.code{margin-left: 5px;margin-top:30px;}
.content-login1 .con-logo img{margin-top:20px;}
.content-login1 .form-con{margin-left:20px;border-bottom:1px solid #d7d7d7;border-top:1px solid #d7d7d7;padding-left: 27px;width: 348px; }
.content-login1 .form-con input{width:303px;border:1px solid #d7d7d7;border-radius: 5px;line-height: 45px;margin-top:20px;padding-left: 10px;}
.content-login1 .login-btn{margin-top:20px;}
.content-login1 .else-login{line-height: 35px;}
.content-login1 .form .else-login-con{overflow: hidden;margin-bottom: 5px;}
.content-login1 .form .no-account{overflow: hidden;float: right;margin-top:10px;}
.content-login1 .form a{float: left;margin-right: 30px; color:#ebebeb;text-decoration: none;}

/*login3*/
.content-login3{padding-top:50px;border-top:1px solid #b6b6b6;padding-bottom:20px;border-bottom:1px solid #b6b6b6;}
.content-login3 .form{position: relative;background:#373334;border-radius: 3px;border:1px solid #c2c1c1;width: 414px;height:300px;margin:0 auto;margin-bottom: 50px;color: #ebebeb;font-family:FZCQK;}
.content-login3 .form-con{margin-left:20px;padding-left: 27px;width: 348px; padding-top:60px;font-size:18px;}
.content-login3 .form-con input{width:303px;border:1px solid #d7d7d7;border-radius: 5px;line-height: 45px;margin-top:20px;padding-left: 10px;}
.content-login3 .content-login3-btn{background: url(../images/btn-bg2.png) no-repeat;width: 104px;height:44px;text-align: center;line-height: 44px;font-size: 18px;margin-left: 100px;color:#333;margin-top:20px;}
.content-login3 .content-login3-btn a{text-decoration: none;color: #333;}

/*login3*/
.content-error{padding-top:50px;border-top:1px solid #b6b6b6;padding-bottom:20px;border-bottom:1px solid #b6b6b6;}
.content-error .form{position: relative;background:#373334;border-radius: 3px;border:1px solid #c2c1c1;width: 414px;height:200px;margin:0 auto;margin-bottom: 50px;color: #ebebeb;font-family:FZCQK;}
.content-error .form-con{margin-left:20px;padding-left: 27px;width: 348px; padding-top:60px;font-size:18px;}
.content-error .form-con input{width:303px;border:1px solid #d7d7d7;border-radius: 5px;line-height: 45px;margin-top:20px;padding-left: 10px;}
.content-error .content-error-btn{background: url(../images/btn-bg2.png) no-repeat;width: 104px;height:44px;text-align: center;line-height: 44px;font-size: 18px;margin-left: 100px;color:#333;margin-top:20px;}
.content-error .content-error-btn a{text-decoration: none;color: #333;}
 
/*register*/
.content-register{padding-top:50px;border-top:1px solid #b6b6b6;padding-bottom:20px;border-bottom:1px solid #b6b6b6;}
.content-register .form{padding-top:80px;position: relative;background:#373334;border-radius: 3px;border:1px solid #c2c1c1;width: 554px;height:400px;margin:0 auto;margin-bottom: 50px;color: #ebebeb;font-family:FZCQK;}
.content-register .form-con{margin-left:20px;padding-left: 20px;}
.content-register .form-con li{overflow: hidden;margin-top:5px;}
.content-register .form-con li span{display: block;float: left;width:120px;font-size:16px;  text-align: right;line-height: 32px;margin-right: 10px;}
.content-register .form-con li span em{color: #b70909;}
.content-register .form-con li i{color: #999;float: left;}
.content-register .form-con li img{margin-left: 20px;}
.content-register .form-con input{width:230px;border:1px solid #d7d7d7;border-radius: 5px;line-height: 32px;padding-left: 10px;float: left;}
.content-register .form-con input.phone{width:150px;border:1px solid #d7d7d7;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;line-height: 32px;padding-left: 10px;float: left;}
.content-register .form-con select{display: block; width:80px;float: left;border:1px solid #d7d7d7;border-top-left-radius: 5px;border-bottom-left-radius: 5px;line-height: 32px;height: 34px;}
.content-register .form-close{position: absolute;top:20px;right:40px;cursor: pointer;}
.content-register .content-register-btn{background: url(../images/btn-bg1.png) no-repeat;width: 183px;height:44px;text-align: center;line-height: 44px;font-size: 18px;margin-left: 150px;color:#333;margin-top:20px;}
.content-register .content-register-btn a{text-decoration: none;color: #333;}
.content-register .form-con .checkbox input{width: 20px;}
.content-register .form-con .checkbox i{color: #eee;font-size: 16px;}
.content-register .server-rule{cursor: pointer;}

/*register1*/
.content-register1{display: none;position: absolute; width: 560px;height:500px;background:#373334;border-radius: 3px;border:1px solid #c2c1c1;padding:20px;top:25%;left:50%;margin-left: -290px; color: #ebebeb;font-family:FZCQK;}
.content-register1 .form{padding-top:60px;position: relative;z-index: 99;margin:0 auto;margin-bottom: 50px;color: #ebebeb;font-family:FZCQK;}
.content-register1 .form-con{}
.content-register1 .title{font-size: 20px;}
.content-register1 .textarea{margin:20px 50px;overflow-y: auto;height:320px;background: #fff;text-align: left;padding:20px;;line-height: 28px;color: #444;}
.content-register1 .form-close{position: absolute;top:20px;right:40px;cursor: pointer;}
.content-register1 .mask{ filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5; background: #000;position: fixed;z-index: 98;top:0;left: 0;width: 100%;height: 100%; }

/*usercenter1*/
.content-user{padding-top:50px;border-top:1px solid #b6b6b6;padding-bottom:20px;border-bottom:1px solid #b6b6b6;}
.content-user .form{background:#373334;border-radius: 3px;border:1px solid #c2c1c1;width: 830px;height:524px;margin:0 auto;margin-bottom: 50px;color: #ebebeb;font-family:FZCQK;}
.content-user .form-con{margin-left:20px;padding-left: 27px;padding-top:30px;}
.content-user .form-con-l{width:420px;float: left;border-right:1px solid #d7d7d7;padding-right: 20px; }
.content-user .form-con-l .avatar{position: relative;border-radius: 192px;width: 192px;height:192px;object-fit: contain;float: left;margin-top: 20px;}
.content-user .form-con-l .avatar span{display: block; position: absolute;bottom:5px;right:5px;cursor: pointer;}
.content-user .form-con-l .avatar span img{cursor: pointer;}
.content-user .form-con-l .avatar span input{width:40px;height:35px; position: absolute;bottom:5px;right:5px;opacity: 0;cursor: pointer;}
.content-user .form-con-l .form-con-l-r{float: left;margin-left: 30px;}
.content-user .form-con .form-con-l-r li{width:150px;line-height: 30px;}
.content-user .form-con .form-con-l-r input{width:150px;border:1px solid #d7d7d7;border-radius: 5px;line-height:40px;padding-left: 10px;}
.content-user .form-con .form-con-l .form-con-l-b{text-align: center;margin-top: 30px;font-size: 16px;}
.content-user .form-con .form-con-l .form-con-l-b .progress{background: url(../images/progress-bg.png) no-repeat; width: 403px;height: 19px;margin-top: 20px;color: #444;}
.content-user .form-con .form-con-l .form-con-l-b .content-user-btn1{background: url(../images/btn-bg1.png) no-repeat;width: 183px;height:44px;text-align: center;float: left; line-height: 44px;font-size: 18px;margin-top:20px;}
.content-user .form-con .form-con-l .form-con-l-b .content-user-btn2{background: url(../images/btn-bg1.png) no-repeat;width: 183px;height:44px;text-align: center;float: right;margin-right: 18px; line-height: 44px;font-size: 18px;margin-top:20px;}
.content-user .form-con .form-con-l .form-con-l-b .content-user-btn3{background: url(../images/btn-bg1.png) no-repeat;width: 183px;height:44px;text-align: center;margin-left: 110px; line-height: 44px;font-size: 18px;margin-top:20px;}
.content-user .form-con .form-con-l .form-con-l-b li a{color:#333;margin-top:20px;color: #444;text-decoration: none;}
.content-user .form-con .form-con-r{float: right;margin-right: 80px; }
.content-user .form-con .form-con-r ul{}
.content-user .form-con .form-con-r ul .content-user-btn{background: url(../images/btn-bg1.png) no-repeat;width: 183px;height:44px;text-align: center; line-height: 44px;font-size: 18px;margin-top:38px;}
.content-user .form-con .form-con-r ul .content-user-btn a{color:#333;margin-top:20px;color: #444;text-decoration: none;}

/*usercenter2*/
.content-user2{padding-top:50px;border-top:1px solid #b6b6b6;padding-bottom:20px;border-bottom:1px solid #b6b6b6;}
.content-user2 .form{position: relative;background:#373334;border-radius: 3px;border:1px solid #c2c1c1;width: 414px;height:408px;margin:0 auto;margin-bottom: 50px;color: #ebebeb;font-family:FZCQK;}
.content-user2 .form-con{margin-left:20px;padding-left: 27px;width: 348px; padding-top:50px;}
.content-user2 .form-con input{width:303px;border:1px solid #d7d7d7;border-radius: 5px;line-height: 45px;margin-top:30px;padding-left: 10px;}
.content-user2 .form-close{position: absolute;top:20px;right:20px;}
.content-user2 .content-login2-btn{background: url(../images/btn-bg2.png) no-repeat;width: 104px;height:44px;text-align: center;line-height: 44px;font-size: 18px;margin-left: 100px;color:#333;margin-top:30px;}
.content-user2 .content-login2-btn a{text-decoration: none;color: #333;}

/*usercenter3*/
.content-user3{padding-top:50px;border-top:1px solid #b6b6b6;padding-bottom:20px;border-bottom:1px solid #b6b6b6;}
.content-user3 .form{position: relative;background:#373334;border-radius: 3px;border:1px solid #c2c1c1;width: 450px;height:408px;margin:0 auto;margin-bottom: 50px;color: #ebebeb;font-family:FZCQK;}
.content-user3 .form-con{margin-left:10px;padding-left: 27px;width:420px; padding-top:60px;}
.content-user3 .form-con li{overflow: hidden;margin-top:20px;}
.content-user3 .form-con li span{display: block;float: left;width:120px;font-size:16px;  text-align: right;line-height: 32px;margin-right: 10px;}
.content-user3 .form-con li span em{color: #b70909;}
.content-user3 .form-con li i{color: #999;float: left;margin-right: 50px;}
.content-user3 .form-con li img{margin-left: 20px;}
.content-user3 .form-con input{width:200px;border:1px solid #d7d7d7;border-radius: 5px;line-height: 32px;padding-left: 10px;float: left;}
.content-user3 .form-con input.phone{width:150px;border:1px solid #d7d7d7;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;line-height: 32px;padding-left: 10px;float: left;}
.content-user3 .form-close{position: absolute;top:20px;right:20px;}
.content-user3 .content-user3-btn{background: url(../images/btn-bg2.png) no-repeat;width: 104px;height:44px;text-align: center;line-height: 44px;font-size: 18px;margin-left: 150px;color:#333;margin-top:20px;}
.content-user3 .content-user3-btn a{text-decoration: none;color: #333;}

/*recharge*/
.content-recharge{padding-top:50px;border-top:1px solid #b6b6b6;padding-bottom:20px;border-bottom:1px solid #b6b6b6;color:#444;}
.content-recharge .form{position: relative;background:#373334;border-radius: 3px;border:1px solid #c2c1c1;width:830px;height:680px;margin:0 auto;margin-bottom: 50px;color: #ebebeb;font-family:FZCQK;}
.content-recharge .form-con{margin-left:20px;padding-left:60px; padding-top:40px;}
.content-recharge .form-close{position: absolute;top:20px;right:20px;}
.content-recharge .form-l{float: left;}
.content-recharge .form-l .form-l-t{}
.content-recharge .form-l .form-l-t li{position: relative;margin-top:20px;}
.content-recharge .form-l .form-l-t li span{position: absolute;top:15px;right: 2px;}
.content-recharge .form-l .form-l-t select{background: url(../images/btn-bg1.png) no-repeat;width:183px;height:43px;border:none;padding-left: 20px;font-size: 16px;}
.content-recharge .form-l .form-l-b{width: 173px;background: #fff;border-radius: 5px;margin-top:30px;padding: 5px;color:#444;line-height: 25px;}
.content-recharge .form-l .form-l-b ul{overflow-y:auto;height:290px;}
.content-recharge .form-l .form-l-b ul li{cursor: pointer; overflow:hidden;background: #dedede;border:1px solid #888;border-radius: 2px;margin-bottom:10px;font-size: 12px;}
.content-recharge .form-l .form-l-b ul li span{display: block;float: left;line-height: 46px;height: 46px;margin-right: 5px;}
.content-recharge .form-l .form-l-b ul li span img{width: 100%;}
.content-recharge .form-r{float: left;margin-left: 40px;margin-top:20px;}
.content-recharge .form-r .form-r-t{background: #fff;border-radius: 5px;color:#444;line-height: 30px;font-size: 16px;padding-left: 20px;width: 420px;padding: 20px;position: relative;}
.content-recharge .form-r .form-r-t .form-r-t-btn{position: absolute; bottom: 30px;right:20px;}
.content-recharge .form-r .form-r-t .form-r-t-btn a{color: #444;text-decoration: none; display: block; background: url(../images/btn-bg3.png) no-repeat;width: 140px;height:33px;text-align: center; line-height:33px;font-size: 14px;}
.content-recharge .form-r .form-r-b{width: 420px;height:250px;background: #fff;border-radius: 5px;color:#444;margin-top:20px;padding: 20px;overflow-y: hidden;}
.content-recharge .form-r .form-r-b .pay{display: none;}
.content-recharge .form-r .form-r-b .pay-m{display: none;margin-left: 10px;margin-right: 20px;}
.content-recharge .form-r .form-r-b .pay-m-t{overflow:hidden;line-height: 40px;font-size: 14px;border-bottom: 1px solid #eee;}
.content-recharge .form-r .form-r-b .pay-m-t span{display: block;}
.content-recharge .form-r .form-r-b .pay-m-t span.pay-m-t-l{float: left;padding-left: 20px;}
.content-recharge .form-r .form-r-b .pay-m-t span.back{float: right;padding-right: 20px;cursor: pointer;}
.content-recharge .form-r .form-r-b .pay-mathod{overflow-y:auto;height:200px;}
.content-recharge .form-r .form-r-b .pay-mathod-tab{overflow:hidden;}
.content-recharge .form-r .form-r-b .pay-mathod-tab li{cursor: pointer; margin: 7px; float: left; margin-top:20px; color: #444;text-decoration: none; display: block; background: url(../images/czbg1.png) no-repeat;width: 124px;height:42px;text-align: center; line-height:42px;font-size: 14px;}
.content-recharge .form-r .form-r-b .pay-mathod{}
.content-recharge .form-r .form-r-b .pay-mathod li{cursor: pointer; overflow: hidden;border-bottom: 1px solid #eee;color:#666;}
.content-recharge .form-r .form-r-b .pay-mathod li span{display: block;line-height: 40px;font-size:12px;}
.content-recharge .form-r .form-r-b .pay-mathod li span.count{float: left;padding-left: 20px;}
.content-recharge .form-r .form-r-b .pay-mathod li span.count i{color:#6eea0a;font-size:16px;margin-right: 5px;}
.content-recharge .form-r .form-r-b .pay-mathod li span.price{float: right;padding-right: 20px;}
.content-recharge .form-r .form-r-b .pay-mathod li span.price i{color:#ffaa24;font-size:16px;margin-right: 5px;}
/*recharge2*/
.content-recharge2{padding-top:50px;border-top:1px solid #b6b6b6;padding-bottom:20px;border-bottom:1px solid #b6b6b6;}
.content-recharge2 .form{position: relative;background:#373334;border-radius: 3px;border:1px solid #c2c1c1;width:826px;height:450px;margin:0 auto;margin-bottom: 50px;color: #ebebeb;font-family:FZCQK;}
.content-recharge2 .form .content{}
.content-recharge2 .form .content ul{margin:0px 80px;padding-top:70px;border-bottom:1px solid #d7d7d7;padding-bottom: 30px;margin-bottom: 30px;}
.content-recharge2 .form .content ul li{background: #fff;border-radius: 5px;line-height: 50px;color:#444;margin-top:20px;padding-left: 20px;}
.content-recharge2 .page-num{margin-left:200px;}
.content-recharge2 .page-num a{display: block;text-align: center;float: left;line-height: 30px;margin-left: 10px; text-decoration: none;color: #333;border-radius:30px;width:30px;height:30px;background: #fff;}
.content-recharge2 .page-num a:hover{display: block;text-align: center;float: left;line-height: 30px;margin-left: 10px; text-decoration: none;color: #333;border-radius:30px;width:30px;height:30px;background: #6e6e6e;}
.content-recharge2 .form-close{position: absolute;top:20px;right:20px;}

/*我的礼包*/
.content-mygift{padding-top:50px;border-top:1px solid #b6b6b6;padding-bottom:20px;border-bottom:1px solid #b6b6b6;}
.content-mygift .form{position: relative;background:#373334;border-radius: 3px;border:1px solid #c2c1c1;width:830px;height:627px;margin:0 auto;margin-bottom: 50px;color: #ebebeb;font-family:FZCQK;}
.content-mygift .form .content{}
.content-mygift .form .content ul{margin:0px 80px;margin-bottom: 30px;}
.content-mygift .form .content ul .list{position: relative; background:url(../images/lq-bg.png) no-repeat;width: 687px;height: 105px; border-radius: 5px;line-height: 50px;color:#444;margin-top:20px;padding-left: 14px;padding-top:7px;}
.content-mygift .form .content ul .list span{display: block;float: left;border-radius: 10px;overflow: hidden;}
.content-mygift .form .content ul .list ul{line-height: 20px;float: left;margin-left: 30px;margin-top:5px;}
.content-mygift .form .content ul .list ul li{line-height: 26px;}
.content-mygift .form .content ul .list a{display: block; position: absolute;right:13px;top: 0;width: 116px;height:108px;}
.content-mygift .form-l-t ul{}
.content-mygift .form-l-t li{position: relative;width: 183px;margin-left: 80px;}
.content-mygift .form-l-t li span{position: absolute;top:15px;right: 2px;}
.content-mygift .form-l-t select{background: url(../images/btn-bg1.png) no-repeat;width:183px;height:43px;border:none;padding-left: 20px;font-size: 16px;color: #222;}
.content-mygift .page-num{margin-left:220px;}
.content-mygift .page-num a{display: block;text-align: center;float: left;line-height: 30px;margin-left: 10px; text-decoration: none;color: #333;border-radius:30px;width:30px;height:30px;background: #fff;}
.content-mygift .page-num a:hover{display: block;text-align: center;float: left;line-height: 30px;margin-left: 10px; text-decoration: none;color: #333;border-radius:30px;width:30px;height:30px;background: #6e6e6e;}
.content-mygift .form-close{position: absolute;top:20px;right:20px;}
.content-mygift .tabs{overflow: hidden;margin-bottom: 10px;border-bottom:1px solid #b6b6b6;}
.content-mygift .content-mygift-btn1{float: left;width:49%; text-align: center;line-height: 70px;font-size: 18px;color:#fff;border-right:1px solid #c2c1c1;}
.content-mygift .content-mygift-btn2{float: left;width:50%; text-align: center;line-height: 70px;font-size: 18px;color:#fff;}
.content-mygift .tabs a{text-decoration: none;color: #fff;font-size: 22px;}

/*mygift2*/
.content-mygift2{display: none;position: absolute; width:576px;background:#373334;border-radius: 3px;border:1px solid #c2c1c1;padding:20px;top:40%;left:50%;margin-left: -288px; color: #ebebeb;font-family:FZCQK;}
.content-mygift2{}
.content-mygift2 ul{padding-top:16px;padding-left: 30px;margin-bottom: 30px;z-index: 99;position: relative;}
.content-mygift2 ul li{overflow:hidden;width: 100%;}
.content-mygift2 ul li span{float: left;margin-right: 20px;display: block;background: #fff;border-radius: 5px;line-height: 50px;color:#444;padding-left: 20px;padding-left: 20px;padding-right: 20px;}
.content-mygift2 ul li span.code{width: 65%;}
.content-mygift2 ul li span.copy{width: 8%;text-align: center;}
.content-mygift2 .form-close{position: absolute;top:20px;right:20px;}
.content-mygift2 .mask{ filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5; background: #000;position: fixed;z-index: 98;top:0;left: 0;width: 100%;height: 100%; }

/*我的礼包3*/
.content-mygift3{padding-top:50px;border-top:1px solid #b6b6b6;padding-bottom:20px;border-bottom:1px solid #b6b6b6;}
.content-mygift3 .form{position: relative;background:#373334;border-radius: 3px;border:1px solid #c2c1c1;width:830px;height:627px;margin:0 auto;margin-bottom: 50px;color: #ebebeb;font-family:FZCQK;}
.content-mygift3 .form .content{}
.content-mygift3 .form .content ul{margin:0px 80px;margin-bottom: 30px;}
.content-mygift3 .form .content ul .list{position: relative; background:#fff;width: 687px;height: 100px; border-radius: 5px;line-height: 50px;color:#444;margin-top:20px;padding-left: 14px;padding-top:8px;}
.content-mygift3 .form .content ul .list span{display: block;float: left;border-radius: 10px;overflow: hidden;}
.content-mygift3 .form .content ul .list ul{line-height: 20px;float: left;margin-left: 30px;margin-top:5px;}
.content-mygift3 .form .content ul .list ul li{line-height: 26px;}
.content-mygift3 .form .content ul .list a{display: block; position: absolute;right:13px;top: 0;width: 116px;height:108px;}
.content-mygift3 .form-l-t ul{}
.content-mygift3 .form-l-t li{position: relative;width: 183px;margin-left: 80px;}
.content-mygift3 .form-l-t li span{position: absolute;top:15px;right: 2px;}
.content-mygift3 .form-l-t select{background: url(../images/btn-bg1.png) no-repeat;width:183px;height:43px;border:none;}
.content-mygift3 .page-num{margin-left:220px;}
.content-mygift3 .page-num a{display: block;text-align: center;float: left;line-height: 30px;margin-left: 10px; text-decoration: none;color: #333;border-radius:30px;width:30px;height:30px;background: #fff;}
.content-mygift3 .page-num a:hover{display: block;text-align: center;float: left;line-height: 30px;margin-left: 10px; text-decoration: none;color: #333;border-radius:30px;width:30px;height:30px;background: #6e6e6e;}
.content-mygift3 .form-close{position: absolute;top:20px;right:20px;}
.content-mygift3 .tabs{overflow: hidden;margin-bottom: 10px;border-bottom:1px solid #b6b6b6;}
.content-mygift3 .content-mygift-btn1{float: left;width:49%; text-align: center;line-height: 70px;font-size: 18px;color:#fff;border-right:1px solid #c2c1c1;}
.content-mygift3 .content-mygift-btn2{float: left;width:50%; text-align: center;line-height: 70px;font-size: 18px;color:#fff;}
.content-mygift3 .tabs a{text-decoration: none;color: #fff;font-size: 22px;}


/*active*/
.active{background: #080b11;color: #ffcf00;}
.active .banner{margin:0;padding:0;font-size: 0;}

.part1{width: 962px;margin:0 auto;margin-top:20px;border-radius: 20px;border:1px solid #ffcf00;padding:20px;}
.part1 .title{font-size: 40px;}
.part1-t{overflow: hidden;}
.active .progress{position: relative;width: 484px; margin-left: 250px;margin-top: 20px;float: left;}
.active .progress span{display: block; position: absolute;top:3px;left:3px; bottom:3px;right:3px; padding:3px;border-radius: 10px;height:4px; width:40%;background: -moz-linear-gradient(top, #f3e967, #f16a0b);
background: -o-linear-gradient(top, #f3e967, #f16a0b);background: -webkit-linear-gradient(top, #f3e967, #f16a0b); background:linear-gradient(top, #f3e967, #f16a0b);}
.lq-btn{float: left;margin-left: 30px; }
.part1-award{}
.part1-award ul{overflow: hidden;margin-top:30px;}
.part1-award ul li{width: 25%;float: left;}
.part1-award ul li span{display: block;font-size: 30px;line-height: 50px;}

.part2{width: 962px;margin:0 auto;margin-top:100px;}
.part2 .rule{text-align: left;font-size: 24px;line-height: 50px;padding-left: 10px;}
.part2 .rule2{text-align: left;font-size: 24px;line-height: 50px;padding-left: 10px;float: left;}
.part2-award{}
.part2-award ul{overflow: hidden;}
.part2-award ul li{border-radius: 5px;border:1px solid #ffcf00;width:295px;float: left;margin:11px;}
.part2-award ul li span{display: block;font-size: 18px;line-height: 30px;height:90px;}
.part2-award ul li a{display: block;}
.part2-award ul li a img{margin-top:20px;margin-bottom: 10px;}
.part2-award2{overflow: hidden;margin-top:20px;}
.part2-award2 ul{overflow: hidden;margin-top:10px;}
.part2-award2 ul li{width: 20%;float: left;}
.part2-award2 ul li span{display: block;font-size: 20px;line-height: 50px;}

.part3{width: 962px;margin:0 auto;margin-top:100px;position: relative;}
.part3 .rule{text-align: left;font-size: 24px;line-height: 50px;padding-left: 10px;}
.part3-award{background: url(../images/part3-bg.png) no-repeat;width: 700px;height:470px;position: absolute;left:-150px;top:100px;z-index: 0;}
.part3-award ul{overflow: hidden;}
.part3-award ul li{border-radius: 5px;width:295px;float: left;margin:11px;position: absolute;bottom:-70px;}
.part3-award ul li span{display: block;font-size: 18px;line-height: 30px;height:90px;}
.part3-award ul li a{display: block;}
.part3-award ul li a img{margin-top:20px;margin-bottom: 10px;}
.part3-con{overflow: hidden;z-index: 1;position: relative;}
.part3-award2{float: right;margin-top:10px; background-color:rgba(98,0,1,0.3);}
.part3-award2 .tabs{font-size: 24px;}
.part3-award2 ul{overflow: hidden;margin-top:7px;width: 725px;}
.part3-award2 ul li{width: 20%;float: left;}
.part3-award2 ul li span{display: block;font-size: 20px;line-height: 50px;}

.part4{width: 960px;margin:0 auto;margin-top:100px;text-align: left;}
.part4-con{height:400px;margin-top:20px;border-radius: 20px;border:1px solid #ffcf00;padding:20px;}

.footer{background: url(../images/active_08.png) no-repeat;width: 1200px;height:455px;margin:0 auto;padding-top:50px;position: relative;}
.footer-con{width: 960px;margin:0 auto;}
.footer .rule{text-align: left;font-size: 24px;line-height: 50px;}
.footer ul{margin-left:100px;text-align: left;font-size: 20px;line-height: 40px;}

.goTop{position: absolute;bottom:250px;right:80px;}





